<?php

error_reporting(0);

//redirect for mobile (excl. tablets)
include '../includes/Mobile_Detect.php';
$detect = new Mobile_Detect;
if( $detect->isMobile() && !$detect->isTablet() ){
    Header("Location: http://phone.forafreeworld.com/");
    exit;
}

Header("Cache-Control: public, max-age=2592000");
Header("Content-Type: text/html; charset=utf-8");
mb_internal_encoding("UTF-8");


$message = array();
$mailed = false;
$budget_checked = false;
$project_type_checked = false;

if($_POST) {

    //USER INPUT NORMALIZATION
    if(isset($_POST['name_detail'])) {
        $name = htmlspecialchars(trim($_POST['name_detail']));
        $email = htmlspecialchars(trim($_POST['email_detail']));
        $phone = htmlspecialchars(trim($_POST['phone_detail']));
        $company = htmlspecialchars(trim($_POST['company_detail']));
        $budget = $_POST['budget'];
        $project_type = $_POST['project_type'];
        $question = htmlspecialchars($_POST['question_detail']);

        $detail = true;
    }

    if(isset($_POST['name_short'])) {
        $name = htmlspecialchars(trim($_POST['name_short']));
        $email = htmlspecialchars(trim($_POST['email_short']));
        $question = htmlspecialchars($_POST['question_short']);
        $phone = "";
        $company = "";
        $budget = "";
        $project_type = "";
    }

    //USER INPUT VALIDATION
    if(mb_strlen($name) < 3) {
        $message[] = "Der Name muss länger als 3 Zeichen sein.";
    }

    if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $message[] = "Bitte geben Sie eine gültige E-Mail ein.";
    }

    if(isset($detail) && (int)mb_strlen($phone) < 7) {
        $message[] = "Bitte geben Sie eine gültige Telefonnummer, Vorwahl inklusiv, ein.";
    }

    if(mb_strlen($question) < 20) {
        $message[] = "Die Anfrage sollte 20 Zeichen oder länger sein.";
    }

    //send email if no input validation successful
    if(count($message) == 0) {
        $mail_msg = "<html><head></head><body>
            Kundenname (customer name): ".$name."<br/>".
            "Kundenemail: ".$email."<br/>".
            "Telefonnummer: ".$phone."<br/>".
            "Firma: ".$company."<br/>".
            "Budget: ".$budget."<br/>".
            "Projekttyp: ".$project_type."<br/>".
            "Anfrage: ".$question."<br/></body></html>";
        $mail_msg = wordwrap($mail_msg, 70, "\r\n");

        $mailed = @mail('az3@abv.bg', 'forafreeworld.com Customer Enquiry - DE',
            $mail_msg, 'Content-type: text/html; charset=utf-8' . "\r\n");

        if($mailed) {
            $message[] = "Die Anfrage wurde erfolreich weitergeleitet. Wir werden mit Ihnen baldmöglichst in Kontakt treten.";
        } else {
            $message[] = "Fehler beim Senden der Anfrage - bitte versuchen Sie ein bisschen später nochmals.";
        }
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="author" content="Faszinierendes Webdesign"/>
    <meta name="description" content="Webgestaltungsstudio Be Free ist ein kleines Team, das in Internet- und Webseitedienstleistungen an Kunden irgendwo auf der Freien Welt spezialisiert. Wir befinden uns in Sofia, Bulgarien (Osteuropa). Momentan besteht das Team aus zwei Spezialisten: Nikolay Ivanov - Webdesigner, und Denislav Dimitrov - Webentwickler. Unter der von uns angebotenen Dienstleistungen zählen: komplette Erstellung von Webseiten, Webseite Änderungen und Updates, Neugestaltung, kreative Gestaltung, Logo- und Bannergestaltung, Sicherheitsaktualisierungen, Datenbankenoptimisation und -Versorgung, Webdienste seitens des Server."/>
    <meta name="Keywords" content="Webseite, Webdesign, Webentwicklung, Wordpress Seiten, reaktionsfähiges Webdesign, Datenbankenaufrechterhaltung, Datensicherheit"/>
    <meta name="googlebot" content="all"/>
    <link href="../img/favicon.ico" rel="shortcut icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Webdesign für eine Freie Welt!</title>

    <!--[if lte IE 9]>
    <script src="../shivs/html5shiv/html5shiv.js"></script>
    <![endif]-->
    <!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
    <!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
    <!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
    <!--[if IE ]>    <html class="ie"> <![endif]-->

    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="../js/jquery.placeholder.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/side-nav.js"></script>
    <script src="../js/backgrounds.js"></script>
    <script src="../js/kinetics.js"></script>
    <script src="../js/parallax.js"></script>

</head>
<body>
<div id="mock-scroller">
</div>
<ul id="nav">
</ul>
<!-- WEB CONTENT -->
<div id="content">
<section id="section-Anfang">
    <img class="bg animate" src="../img/bg.jpg" anim-detached="true"/>
    <header id="container_header">
        <div id="header_holder">
            <div id="copyright">
                <p>
                    &copy; Forafreeworld.com. Alle Rechte vorbehalten.
                </p>
            </div>
            <div id="social_lang_holder">
            <div id="social">
                <ul>
                    <li><a href="https://www.facebook.com/pages/Be-Free-Web-Design-Studio/561352003933342" target="_blank"><img src="../img/facebook.png" alt=""></a></li>
                    <li><a href="https://twitter.com/be_free_studio" target="_blank"><img src="../img/twitter.png" alt=""></a></li>
                    <li><a href="https://plus.google.com/communities/115431413168700794942" target="_blank"><img src="../img/google.png" alt=""></a></li>
                </ul>
            </div>
            <div id="lang">
                <ul>
                    <li><a href="http://forafreeworld.com/">en</a></li>
                    <li><a href="http://forafreeworld.com/de/">de</a></li>
                    <li><a href="http://forafreeworld.com/bg/"><span id="separate_it">bg</span></a></li>

                </ul>
            </div>
            <div id="logo">
                <img src="../img/logo.png" alt="">
            </div>
            </div>
        </div>
        <div id="second_header">
            <div id="left_info">
                    <ul>
                        <li>

            <span class="where_we_at">E-Mail</span>  <span class="where_we_at_left">welcome@forafreeworld.com</span>
                    </li>
                     <li><span class="where_we_at">Telefonnr.</span>  <span class="where_we_at_left">+359 877 36 55 44</span>
                    </li>
                    <li><span class="where_we_at">Adresse</span>  <span class="where_we_at_left">Sofia, Bulgarien, Reduta 80</span>
                    </li>

                    </ul>
                </div>

            <div id="right_info">
                <div id="icons_holder">
                    <ul>
                        <li><img src="../img/ps.png" alt=""></li>
                        <li><img src="../img/css3.png" alt=""></li>
                        <li><img src="../img/wordpress.png" alt=""></li>
                        <li><img src="../img/ie.png" alt=""></li>
                        <li><img src="../img/mysql.png" alt=""></li>
                        <li><img src="../img/javascript.png" alt=""></li>
                        <li><img src="../img/php.png" alt=""></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--Billboard-->

        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <div id="slogan">
            <h2>WIR GLAUBEN, DASS DIR EINE <br/>
                WEBSEITE FREIHEIT GEWÄHRT</h2>

        </div>
         <div id="be_free_button_holder">
                <a href="#Kontakt"><span id="be_free_button">SEI FREI</span></a>
            </div>

    <div id="container_nav_holder">
        <nav id="container_nav">
            <ul>
                <li><a href="#"><img src="../img/home.png" alt=""></a></li>
                <li><a href="#">Leute</a></li>
                <li><a href="#">Prozess</a></li>
                <li><a href="#">Projekte</a></li>
                <li><a href="#">Kontakt</a></li>
                <li><a href="#">Blog</a></li>
            </ul>
        </nav>
    </div>
</section>
<section id="section-Leute">
    <img class="bg animate" src="../img/about_us_bg.jpg" anim-detached="true"/>
    <div id="about_us">
        <h2>Die freien Leute</h2>
        <div class="player_holder">
            <div class="players">
                <h3>Nikolay Ivanov</h3>
                <h4>Der Webdesigner</h4>
               <img src="../img/niko.png" alt="">
                <p>
                    HTML5 <br/>
                    CSS3<br/>
                    Photoshop<br/>
                    Bannergestaltung<br/>
                    Reaktionsfähiges<br/>
                    &nbsp;Design<br/>
                </p>
            </div>
            <div class="about_the_players">
                <p>
                    ¡hola! Mein Name ist Nikolay, der Webdesigner unseres Studios. Ich
                    spezialisiere mich auf das Planen und die Gestaltung von Webseiten von
                    Grund auf, da ich so meine Schaffenskraft ausdrücken kann. Meine
                    Kompetenzen reichen von ausgezeichneten HTML5 und CSS3 Kenntnissen über
                    gute Photoshopkenntnisse bis zu ansprechenden Designs. Was mich am
                    meisten fasziniert, sind Projekte, bei denen ich etwas von mir dazugeben
                    kann, indem ich mit kleinen Details der Webseite einen besonders
                    stimmigen Gesamteindruck geben kann, bzw. einzigartige Seiten für
                    einzigartige Firmen schaffe.
                </p>
            </div>
        </div>
        <div class="player_holder">
            <div class="players">
                <h3>Denislav Dimitrov</h3>
                <h4>Der Webentwickler</h4>
                <img src="../img/denkata.png" alt="">
                <p>
                    Javascript<br/>
                    jQuery und AJAX<br/>
                    PHP<br/>
                    MySQL<br/>
                    CMS / WordPress<br/>
                </p>
            </div>
            <div class="about_the_players">
                <p>
                    Einige Worte über mich: Ich existiere in meiner eigenen Realität, wo
                    alles seinen Platz und Zweck hat. Ich "spiele" gerne mit PHP und MySQL
                    herum, das ist mein Job und mein Hobby. Meine berufliche Tätigkeit
                    besteht darin, für Ihre Webseite eine geordnete und wartungsfreundliche
                    Struktur zu erstellen, wobei ich ein benutzerfreundliches CMS-System,
                    hohes Niveau von Informationssicherheit und eine optimierte Datenbank
                    anwende. Als der Webentwickler bin ich auch für die Serververwaltung,
                    Cachespeicherung der Daten und Dataminingprävention verantwortlich.
                </p>
            </div>
        </div>
    </div>
</section>
<section id="section-Prozess">
    <img class="bg animate" src="../img/how_we_work_bg.png" anim-detached="true"/>
    <div id="how_we_work">
        <h2>Prozess</h2>
        <div class="how_we_work_nav">
            <ul>
                <li><a href="javascript:;">
                    <div class="how_we_work_buttons_holder">
                        <span class="how_we_work_buttons b_active">Projekt Anfang</span>
                    </div>
                </a></li>
                <li><a href="javascript:;">
                    <div class="how_we_work_buttons_holder">
                        <span class="how_we_work_buttons">Design und Kodieren</span>
                    </div>
                </a></li>
                <li><a href="javascript:;">
                    <div class="how_we_work_buttons_holder">
                        <span class="how_we_work_buttons">Endprodukt</span>
                    </div>
                </a></li>
            </ul>
        </div>
        <div id="meeting" class="slides_work">
            <h2>Projekt Kennerlernen</h2>
            <div class="meeting_and_creating_info">
                <div class="img_holder">
                <img src="../img/meet_the_customer.png" alt="">
                </div>
                <p>
                    Am Anfang treffen wir uns mit dem Kunden und versuchen ihn, sein Geschäft und seine Ziele kennenzulernen.
                    Das wird später äußerst wichtig sein, wenn wir zusätzlichen Wert zum Projekt des Arbeitgebers anbringen,
                    indem wir Prozessverbesserungen und fachlichen Rat, auf der Webseite gerichtet, aufstellen. Wir glauben
                    fest, dass man den Anderen zuerst als Menschen behandeln sollte, da wir alle letztendlich gemeinsame
                    Lebenszwecke teilen.
                </p>
            </div>
            <div class="meeting_and_creating_info">
                <div class="img_holder">
                <img src="../img/thinking_and_creating.png" alt="">
                </div>
                <p id="thinking_parg">
                    Bevor wir selbst eine Zeile Code schreiben (und wir schreiben viele Zeilen!), nehmen wir ruhig Platz und
                    besprechen, wie wir uns die Projektentfaltung vorstellen. Was zielt die Webseite? Sollte sie neue Kunden
                    werben, oder vielleicht Leute neugierig machen und einzigartiger Inhalt gewähren? Muss sie etwas verkaufen
                    oder sagen wir mal Mittel für etwas sammeln? Wir erstellen den Arbeitsplan und klären die Unklarheiten mit
                    dem Kunden.
                </p>
            </div>
            <div class="meeting_and_creating_info">
                <div class="img_holder">
                <img src="../img/mockup.png" alt="">
                </div>
                <p id="mockup_text">
                    Wenn wir den Plan haben, beginnen wir das Modell der Webseite zu bilden. Zuerst erstellen
                    wir eine grobe schwarz-und-weiße Variante, damit wir diese mit dem Arbeitsgeber früh im Arbeitsprozess
                    besprechen können. Während dieser Etappe hören wir im Prinzip genau dem Kunden zu, aber falls es nötig
                    ist, können wir auch unseres Traumbild für die Webseite darstellen. Der Konsensus mit dem Arbeitsgeber
                    diesbezüglich bezeichnet auch das Ende der Anfangsphase des Projekts.
                </p>
            </div>
        </div>
        <div id="coding_part" class="slides_work">
            <h2>Design und Kodieren - hier spielt sich der Zauber ab</h2>
            <div class="design_and_coding">
                <div class="design_and_coding_info_holder">
                <div class="desing_and_coding_info">
                    Wir betonen die kleinen, aber wichtigen Einzelheiten - Fonts, Farben..
                </div>
                <div class="desing_and_coding_info lower">
                    Logo- und Bannergestaltung sind wichtiges Teil Ihrer Webpräsenz
                </div>
                <div class="desing_and_coding_info">
                    Wir erstellen SEO-optimisierten, puren HTML5 und CSS3 - Code
                </div>
                </div>
                <img src="../img/fireworks.jpg" alt="">
            </div>
            <div class="design_and_coding">
                <div class="design_and_coding_info_holder">
                <div class="desing_and_coding_info lower">
                    Eine respektvolle Webseite muss heutzutage dynamischen Inhalt aufweisen
                </div>
                <div class="desing_and_coding_info">
                    Hier kommen die Systems für Inhaltsverwaltung und das Serverprogrammieren
                </div>
                <div class="desing_and_coding_info lower">
                    Wir fassen die letzten Webtechnologien und kreatives Denken zusammen, um die beste Webseite zu erstellen
                </div>
                </div>
                <img src="../img/brackets.jpg" alt="">
            </div>
        </div>
        <div id="end_work" class="slides_work">
            <h2>Was kriegen Sie am Ende</h2>
            <div id="center_that">
                <div class="end_work_info">
                    Bildschöne Webseite mit intuitive Funktionalität
                </div>
                <div class="end_work_info">
                    Optimisierten Inhalt, der rasche Ladung sichert
                </div>
                <div class="end_work_info">
                    Webseite, die auf allen Systems und Anlagen funktioniert
                </div>


            </div>
            <div id="end_work_img">
                <img src="../img/end_work.png" alt="">
                </div>
        </div>
    </div>
</section>
<section id="section-Projekte">
    <img class="bg animate" src="../img/office2.jpeg" anim-detached="true"/>
    <div id="our_work">
        <h2>Projekte</h2>
        <div id="slider_work">
            <div class="active">
                <div class="websites">
                    <div class="web_info1">
                        <h3>Academic Boxing Klub</h3>
                        <a href="http://www.academicboxingclub.org" target="_blank"><h4>academicboxingclub.org</h4></a>
                        <div class="web_discription">
                            <ul>
                                <li>
                                    <h5>Projektbeschreibung</h5>
                                    <p>
                                        Wir haben die Webseite unseres Boxing Klubs erschafft. Wir haben bei Null angefangen,
                                        wobei wir unser Farbenmodell, Fotos, Banners und Logo kreiert haben, als auch ein
                                        verbessertes Benutzerinterface. Die Webseite verwendet eine MySQL Datenbank für die
                                        Nachrichten und eine kleine eigene CMS. Wir erhalten die Seite aufrecht.
                                    </p>
                                </li>
                                <li>
                                    <h5>Technologien:</h5>
                                    <ul>
                                        <li>Graphische Gestaltung/Photoshop</li>
                                        <li>HTML5</li>
                                        <li>CSS3</li>
                                        <li>JavaScript/jQuery</li>
                                        <li>PHP</li>
                                        <li>MySQL</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="the_website">
                        <img src="../img/box.png" alt="">
                    </div>
                </div>
            </div>

            <div>
                <div class="websites">
                    <div class="web_info">
                        <h3>Teniskashop</h3>
                        <a href="http://www.teniskashop.eu" target="_blank"><h4>teniskashop.eu</h4></a>
                        <div class="web_discription">
                            <ul>
                                <li>
                                    <h5>Projektbeschreibung</h5>
                                    <p>
                                        Online Laden für T-Shirts mit einzigartigem Entwurf. Die komplette Aussicht der
                                        Seite wurde von uns gemalt und entworfen. Teniskashop.eu schließt auch eine eigene
                                        CMS ein, die wir selbst erstellt haben. Wir betreuen das Datenhosting und das
                                        Serverteil der Webseiteverwaltung(cPanel).
                                    </p>
                                </li>
                                <li>
                                    <h5>Technologien:</h5>
                                    <ul>
                                        <li>Photoshop</li>
                                        <li>HTML5</li>
                                        <li>CSS3</li>
                                        <li>JavaScript/jQuery</li>
                                        <li>AJAX</li>
                                        <li>PHP</li>
                                        <li>Apache 2.0/cPanel</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="the_website1">
                        <img src="../img/teniskashop.png" alt="">
                    </div>
                </div>
            </div>

            <div>
                <div class="websites">
                    <div class="web_info">
                        <h3>Kinesitherapeutisches Studio "GabieAngie"</h3>
                        <a href="http://www.kineziterapiabg.com" target="_blank"><h4>kineziterapiabg.com</h4></a>
                        <div class="web_discription">
                            <ul>
                                <li>
                                    <h5>Projektbeschreibung</h5>
                                    <p>
                                        Eine kleine Webseite, die für einen der besten Kinesitherapisten in Bulgarien
                                        erfasst wurde. Wir haben die ganze Gestaltung und Benutzerinterface kreiert.
                                        Unseres Ziel war, eine leichte und einfach zu navigierende Webseite als Endresultat
                                        zu erreichen. Für die Benutzerreviews wurde eine kleine MySQL Datenbank verwendet.
                                    </p>
                                </li>
                                <li>
                                    <h5>Technologien:</h5>
                                    <ul>
                                        <li>HTML5</li>
                                        <li>CSS3</li>
                                        <li>JavaScript/jQuery</li>
                                        <li>PHP</li>
                                        <li>MySQL</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="the_website2">
                        <img src="../img/kineziterapiabg.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <span id="playback"><img src="../img/playback_pause.png"/></span>
    </div>
</section>
<section id="section-Kontakt">
    <img class="bg" src="../img/eb8.jpg" anim-detached="true" />
    <div id="contact_us">
        <h2>Interesse an Zusammenarbeit mit uns?</h2>
        <div class="contact_us_nav">
            <ul>
                <li><a href="javascript:;">
                    <span id="form_button_one" class="project_form_buttons">Erweiterte Form</span>
                </a>
                </li><li><a href="javascript:;">
                    <span class="project_form_buttons">Kurze Form </span>
                </a>
                <li>
            </ul>
        </div>

        <?php
            //FORM USER ACTION FEEDBACK
            foreach ($message as $v) {
                echo "<div class='message_feedback'>".$v."</div>";
            }
        ?>
        <div id="detailed_form" class="contact_forms">
            <form method="POST" action="">
                <div class="quick_form_holder">
                    <input type="text" name="name_detail" placeholder="Name"
                        <?php
                            if(isset($name) && !$mailed) { echo "value='$name'";}
                        ?>
                        >
                </div>
                <div id="email_and_phone_holder">
                    <div id="email">
                        <input type="text" name="email_detail" placeholder="E-Mail"
                            <?php
                                if(isset($email) && !$mailed) { echo "value='$email'";}
                            ?>
                            >
                    </div>
                    <div id="phone">
                        <input type="text" name="phone_detail" placeholder="Telefonnummer"
                            <?php
                                if(isset($phone) && !$mailed) { echo "value='$phone'";}
                            ?>
                            >
                    </div>
                </div>
                <div class="quick_form_holder1">
                    <input type="text" name="company_detail" placeholder="Firma"
                        <?php
                            if(isset($company) && !$mailed) { echo "value='$company'";}
                        ?>
                        >
                </div>

                <div id="budget">
                    <h3>Budget</h3>
                    <br />
                    <br />
                    <ul>
                        <li>
                            <div>
                                <input type="radio" id="radio-1-1-de" name="budget" value="Bis €150" class="regular-radio"
                                    <?php
                                        if(isset($_POST['budget']) && $_POST['budget'] === "Bis €150") {echo " checked"; $budget_checked = true;}
                                    ?>
                                /><label for="radio-1-1-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-1-2-de" name="budget" value="€150 - €400" class="regular-radio"
                                    <?php
                                        if(isset($_POST['budget']) && $_POST['budget'] === "€150 - €400") {echo " checked"; $budget_checked = true;}
                                    ?>
                                /><label for="radio-1-2-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-1-3-de" name="budget" value="€400 - €1500" class="regular-radio"
                                    <?php
                                        if(isset($_POST['budget']) && $_POST['budget'] === "€400 - €1500") {echo " checked"; $budget_checked = true;}
                                    ?>
                                /><label for="radio-1-3-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-1-4-de" name="budget" value="> €1500" class="regular-radio"
                                    <?php
                                        if(isset($_POST['budget']) && $_POST['budget'] === "> €1500") {echo " checked"; $budget_checked = true;}
                                    ?>
                                /><label for="radio-1-4-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-1-5-de" name="budget" value="Unklar" class="regular-radio"
                                    <?php
                                        if($budget_checked !== true) {echo " checked";}
                                    ?>
                                /><label for="radio-1-5-de"></label>
                            </div>
                        </li>
                    </ul>
                </div>

                <div id="project_type">
                <h3>Projekttyp</h3>
                    <br />
                     <br/>
                    <ul>
                        <li>
                            <div>
                                <input type="radio" id="radio-2-1-de" name="project_type" value="Komplett" class="regular-radio"
                                    <?php
                                        if(isset($_POST['project_type']) && $_POST['project_type'] === "Komplett") {echo " checked"; $project_type_checked = true;}
                                    ?>
                                /><label for="radio-2-1-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-2-2-de" name="project_type" value="Nur Design" class="regular-radio"
                                    <?php
                                        if(isset($_POST['project_type']) && $_POST['project_type'] === "Nur Design") {echo " checked"; $project_type_checked = true;}
                                    ?>
                                /><label for="radio-2-2-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-2-3-de" name="project_type" value="Nur Pflege" class="regular-radio"
                                    <?php
                                        if(isset($_POST['project_type']) && $_POST['project_type'] === "Nur Pflege") {echo " checked"; $project_type_checked = true;}
                                    ?>
                                /><label for="radio-2-3-de"></label>
                            </div>
                        </li>
                        <li>
                            <div>
                                <input type="radio" id="radio-2-4-de" name="project_type" value="Anderes" class="regular-radio"
                                    <?php
                                        if($project_type_checked !== true) {echo " checked";}
                                    ?>
                                /><label for="radio-2-4-de"></label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="quick_form_holder2">
                    <textarea name="question_detail" cols="30" rows="1" placeholder="Alles Anderes, was Sie interessiert.."><?php
                        if(isset($question) && $question <> "" && !$mailed) { echo $question;}
                  ?></textarea>
                </div>
                <div id="detailed_form_send">
                    <input type="image" name="submit" src="../img/send_de.png">
                </div>
            </form>
        </div>

        <div id="quick_form_wrapper">
        <div id="quick_form" class="contact_forms">
            <form method="POST" action="">
                <div class="quick_form_holder">
                    <input type="text" name="name_short" placeholder="Name"
                        <?php
                            if(isset($name) && !$mailed) { echo "value='$name'";}
                        ?>
                        >
                </div>
                <div class="quick_form_holder">
                    <input type="text" name="email_short" placeholder="E-Mail"
                        <?php
                        if(isset($email) && !$mailed) { echo "value='$email'";}
                        ?>
                        >
                </div>
                <div class="quick_form_holder1">
                    <textarea name="question_short" cols="30" rows="1" placeholder="Ihre Gedanken hier.."><?php
                        if(isset($question) && $question <> "" && !$mailed) { echo $question;}
                        ?></textarea>
                </div>
                <div id="quick_form_send">
                    <input type="hidden" name="short_form_check" value="show_short_form">
                    <input type="image" name="submit" src="../img/send_de.png">
                </div>
                 <!--[if lt IE 10]>
                <script src="../js/placeholder.js"></script>
                <![endif]--> 
            </form>
        </div>
        </div>
    </div>
    <!-- WEB FOOTER -->
    <footer id="container_footer">
        <a href="#Anfang">
            <div id="footer_arrow">
                <img src="../img/footer_arrow.png" alt="">
            </div>
        </a>
    </footer>
</section>
</div>
</body>
</html>